<template>
  <div class="student-management">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="学生名单" name="list">
        <student-list />
      </el-tab-pane>
      <el-tab-pane label="异常处理" name="exceptions">
        <student-exceptions />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import { ref } from 'vue'
import StudentList from './StudentList.vue'
import StudentExceptions from './StudentExceptions.vue'

export default {
  name: 'StudentManagement',
  components: {
    StudentList,
    StudentExceptions
  },
  setup() {
    const activeTab = ref('list')

    return {
      activeTab
    }
  }
}
</script>

<style scoped>
.student-management {
  width: 100%;
  padding: 20px;
}
</style>
